<template>
  <!-- 联系客服 -->
  <div class="customer">
    <div class="top">
      <img src="@/assets/img/icons/black/back.svg" class="back" @click="$router.back()">
      <div class="title">QQ群</div>
      <div class="placeorder"></div>
    </div>
    <div class="line"></div>
    <k-scroll class="scroll" topColor="var(--main-background-color)" bottomColor="var(--main-background-color)"
      topType="stretch" bottomType="stretch">
      <div class="content">
        <div class="item" @click="itemClick(1)">
          <div class="title-item">官方①群（点击加群）</div>
          <div class="number">97995395</div>
          <img class="enter" src="@/assets/img/icons/enter.svg">
        </div>
        <div class="item" @click="itemClick(2)">
          <div class="title-item">官方②群（点击加群）</div>
          <div class="number">3074008426</div>
          <img class="enter" src="@/assets/img/icons/enter.svg">
        </div>
        <div class="item" @click="itemClick(3)">
          <div class="title-item">官方③群（点击加群）</div>
          <div class="number">1280440</div>
          <img class="enter" src="@/assets/img/icons/enter.svg">
        </div>
      </div>
    </k-scroll>
  </div>
</template>

<script>
  export default {
    name: 'customer',
    data() {
      return {}
    },
    methods: {
      //进入某本书
      itemClick(index) {
        let url = ''
        if (index == 1) {
          url =
            'https://qm.qq.com/cgi-bin/qm/qr?k=xXLqB1z----wbkBwGGLvO4gscMtny430&authKey=/XiSAYmcA8PpQsuT7CjWMoTmAltiCrZcABiGhILkTOtTEKeG6QV3eSkNqVZlypfd&noverify=0'
        }
        if (index == 2) {
          url =
            'https://qm.qq.com/cgi-bin/qm/qr?k=xXLqB1z----wbkBwGGLvO4gscMtny430&authKey=/XiSAYmcA8PpQsuT7CjWMoTmAltiCrZcABiGhILkTOtTEKeG6QV3eSkNqVZlypfd&noverify=0'
        }
        if (index == 3) {
          url =
            'https://qm.qq.com/cgi-bin/qm/qr?k=xXLqB1z----wbkBwGGLvO4gscMtny430&authKey=/XiSAYmcA8PpQsuT7CjWMoTmAltiCrZcABiGhILkTOtTEKeG6QV3eSkNqVZlypfd&noverify=0'
        }
        //打开网址
        window.open(url)
      },
    }
  }
</script>

<style scoped src="./index.css"></style>
